<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
<%
String path = request.getContextPath();
%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
    <title>My JSP 'index.jsp' starting page</title>
    
	<script type="text/javascript" src="<%=path %>/js/jquery-1.4.2.js"></script>
	
	<script type="text/javascript">
		 $(document).ready( function() {   
	        //使用 Ajax 的方式 判断登录   
	        $("#btn_login").click( function() {   
	            var url = 'ajax.action';   
	            alert("===");   
	            //获取表单值，并以json的数据形式保存到params中
	            var params = {   
	                loginName:$("#loginName").val(),   
	                password:$("#password").val(),   
	            } 
	            
				$.ajax({
					type : "POST",
					dataType : "json",
					data : params,
					url : url,
					success:function(msg){
						//alert(msg.map.name);
						$('#result').html("欢迎您：  "+msg.map.name);
						//var j = JSON.parse(msg.result);
					},
					error:function(msg1,msg2,msg3) {
						alert(msg1);
						alert(msg2);
						alert(msg3);
					}
				});
	        });   
	    });   
	</script>
	
  </head>
  
  <body>
     用户名：<input type="text" id="loginName" name="loginName"><br />
     密码：<input type="password" name="password" id="password"><br />   
    <input type="button" id="btn_login" value="Login" /><p>   
     这里显示ajax信息：<br />   
    <span id="result"></span></p>   
  </body>
</html>
